/* stylelint-disable CssSyntaxError */
@import "@/assets/style/mixin.less";

/* stylelint-disable font-family-no-missing-generic-family-keyword */
/* stylelint-disable selector-class-pattern */
:root {
  --el-color-primary-hover: #0175e2;
  --tag-view-background: #dde7f6;
  --tag-view-active-background: #f2f6fc;
  --el-color-success: #52c41a;
  --el-color-success2: rgba(82 196 26 / 0.1);
  --el-color-warning: #faad14;
  --el-color-warning2: rgba(250 173 20 / 0.1);
  --el-color-danger: #f5222d;
  --el-color-danger2: rgb(245 34 45 / 0.1);
  --el-color-error: #f5222d;
  --el-color-error2: rgb(245 34 45 / 0.1);
  --el-color-info: #262e39;
}

@font-face {
  font-family: PingFangSC-Medium;
  src: url("/font/PingFangMedium_downcc.otf");
}

@font-face {
  font-family: PingFang-Regular;
  src: url("/font/PingFang-Regular.otf");
}
html,
body {
  font-family: PingFangSC-Regular;
}
.el-message-box__container {
  > .el-message-box__status {
    position: absolute;
  }
}
.el-checkbox-group {
  display: inline-flex;
}
.mb8 {
  padding-bottom: 8px;
}
.p5 {
  padding: 5px;
}
.m5 {
  margin: 5px;
}
// .el-button {
//   background-color: #46A6FF;
// }
.button-row {
  margin-right: 60px !important;
}
.el-button:not(.is-text) {
  padding: 6px 24px;
  border: none;
  
}
.el-button.is-text {
  padding: 10px;
  background-color: transparent;
}
.el-button.is-text:not(.is-disabled):focus, .el-button.is-text:not(.is-disabled):hover{
  background-color: transparent;
}
.el-button--primary {
  --el-button-hover-bg-color: var(--el-color-primary-hover);
  --el-button-hover-border-color: var(--el-color-primary-hover);
  --el-button-active-bg-color: var(--el-color-primary-hover);
  --el-button-active-border-color: var(--el-color-primary-hover);
  --el-button-disabled-bg-color: rgb(0 132 255);
  --el-button-disabled-border-color: var(--el-color-primary-hover);
  &.is-disabled{
    opacity: 0.25;
  }
}
/* // .el-button.is-disabled {
  
// } */
.el-button--info {
  --el-button-bg-color: #f1f3f4;
  --el-button-text-color: #010d19;
  --el-button-hover-text-color: #010d19;
  --el-button-hover-bg-color: #e3ebee;
  border: var(--el-button-bg-color);
  &:hover {
    color: var(--el-button-text-color);
    background-color: var(--el-button-hover-bg-color);
    border: var(--el-button-hover-bg-color);
  }
  &:active {
    color: var(--el-button-text-color);
    background-color: var(--el-button-hover-bg-color);
    border: var(--el-button-hover-bg-color);
  }
  &:focus {
    color: var(--el-button-text-color);
    background-color: var(--el-button-hover-bg-color);
    border: var(--el-button-hover-bg-color);
  }
  &.is-disabled{
    span{
      opacity: 0.25;
    }
    
  }
}
.el-menu {
  border-right: none;

  --el-menu-bg-color: var(--menu-bg-color);
  --el-menu-hover-bg-color: var(--siderbar-hover-background-color);
  .el-sub-menu .el-menu-item,
  .el-sub-menu__title,
  .submenu-title-noDropdown {
    height: 48px;
    line-height: 48px;
  }
  .el-sub-menu .el-menu-item {
    color: var(--siderbar-color);
  }
  .is-active:not(.is-opened) {
    background-color: var(--el-color-primary-custom-1);
    position: relative;
    color: var(--el-color-primary);
    &::before {
      content: "";
      position: absolute;
      height: 40px;
      width: 4px;
      background-color: var(--el-color-primary);
      left: 0%;
      border-top-right-radius: 4px;
      border-bottom-right-radius: 4px;
    }
  }
  .nest-menu {
    .el-menu-item,
    .el-sub-menu__title,
    .submenu-title-noDropdown {
      height: 40px;
      line-height: 40px;
    }
    .el-sub-menu__title,
    .el-sub-menu .el-menu-item {
      color: var(--siderbar-color);
    }
    .el-sub-menu .is-active {
      color: var(--el-color-primary);
    }
  }
  .el-sub-menu__title span,
  .el-tooltip__trigger {
    margin-left: 6px;
  }
  .is-active.is-opened > .el-sub-menu__title {
    color: var(--el-color-primary);
  }

  //菜单收起状态
  &.el-menu--collapse{
      .el-sub-menu__title,
      .submenu-title-noDropdown{
         .el-icon, 
         span{
          display: none;
         }
      }

  }

}



.el-table {
  tr .el-table__cell {
    padding: 0;
    .cell {
      padding: 10px 0;
      line-height: 20px;
    }
  }
  .el-table__body {
    .el-table__row .cell {
      padding: 20px 0;
      line-height: 20px;
    }
    .custormFixedCol {
      .el-button {
        font-size: 14px;
        padding: 0 10px;
        height: auto;
        position: relative;
        & + .is-text {
          margin: 0;
          &::before {
            content: "";
            position: absolute;
            height: 14px;
            top: 50%;
            transform: translateY(-50%);
            left: 0;
            width: 1px;
            background-color: #e3e6ed;
          }
        }
      }
    }
  }
  .el-table__header-wrapper {
    --el-table-header-bg-color: #f4f6fa;
  }
}

/* dialog相关 */
.el-overlay-dialog .el-dialog {
  --el-dialog-border-radius: 8px;
  .el-dialog__header {
    padding: 16px;
    border-bottom: 1px solid #f2f4f6;
    height: 55px;
    margin-right: 0;
    .el-dialog__title {
      font-size: 16px;
      font-family: PingFangSC-Medium;
      color: #010d19;
      line-height: 22px;
      font-weight: 600;
    }
  }
  .el-dialog__headerbtn {
    width: auto;
    height: auto;
    padding: 15px;
    top: 0;
    .el-dialog__close {
      font-size: 20px;
    }
  }
}

/* 表格空数据样式 */

/* stylelint-disable-next-line CssSyntaxError */
.el-table__empty-block {
  
  .el-table__empty-text {
    font-family: PingFangSC-Regular;
    font-size: 16px;
    color: #7a8298;
    line-height: 22px;
    &::before {
      content: "";
      display: inline-block;
      width: 23.5px;
      height: 23.5px;
      vertical-align: middle;
      margin-right: 16.5px;
      .bg-image("http://aknien.net:2135/public/html/images/layout/form_img_nodata");
    }
  }
}

/* element 图片上传组件样式 */

  .el-upload-list--picture-card {
    .el-upload-list__item{
      .el-upload-list__item-actions span+span{
        margin-left: 1em;
      }
    }
}

// table里面的 divider边距
.el-table__cell{
  .el-divider.el-divider--vertical{
    margin: 0;
  }
}